<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>

<!-- CSS -->

<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/datepicker.css">
<link rel="stylesheet" type="text/css" href="css/typeahead.css">
<link rel="stylesheet" type="text/css" href="css/slick.grid.css">

<link rel="stylesheet" type="text/css" href="css/slick.pager.css">
<!-- <link rel="stylesheet" type="text/css" href="css/slick.columnpicker.css"> -->

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>
  <script src="js/jquery/jquery-1.7.2.js"></script>
  <script src="js/ember/handlebars-1.0.rc.1.js"></script>
<!--   <script src="js/ember/ember.js"></script> -->
  <script src="js/ember/ember-1.0.pre.js"></script>

  <script src="js/jquery/jquery.event.drag-2.2.js"></script>
  <script src="js/jquery/jquery.event.drop-2.2.js"></script>
  <script src="js/jquery/jquery-ui-1.8.16.custom.min.js"></script>
  <script src="js/slickgrid/slick.core.js"></script>
  <script src="js/slickgrid/slick.rowselectionmodel.js"></script>
  <script src="js/slickgrid/slick.dataview.js"></script>
  <script src="js/slickgrid/slick.pager.js"></script>
<!--  <script src="js/slickgrid/slick.columnpicker.js"></script> -->
  <script src="js/slickgrid/slick.rowselectionmodel.js"></script>
<!--  <script src="js/slickgrid/slick.cellselectionmodel.js"></script> -->
<!--  <script src="js/slickgrid/slick.formatters.js"></script> -->
<!--  <script src="js/slickgrid/slick.editors.js"></script> -->
  <script src="js/slickgrid/slick.grid.js"></script>
  <script src="js/jquery/jquery.ba-tinypubsub.js"></script>

  <script src="js/bootstrap/bootstrap.js"></script>
  <script src="js/bootstrap/bootstrap-datepicker.js"></script>
  <script src="js/bootstrap/bootstrap-typeahead.js"></script>
  
  <script src="tagspicker.js"></script>

  <script src="js/accounting/accounting.min.js"></script>
  <script src="js/tent/tent.js"></script>

  <script src="test.js"></script>
	
	 <script type="text/x-handlebars" data-template-name="application">
      <form class="form-horizontal form-actions">
      <legend>Tag Picker Test</legend>
      {{view Ember.TagsField tagsBinding="ctags"}}
      </form>
      <form class="form-horizontal form-actions">
      tags = {{ctags}}<br>
      <button {{action "do1" "controller"}}>Set tags manually</button>
      </form>

      <form class="form-horizontal form-actions">
      <legend>Objects Picker Test</legend>

      {{view App.SymbolField label="picker" valueBinding="sym1"}}
      {{view App.SymbolField label="picker" valueBinding="sym2"}}
      {{view App.SymbolField label="picker" valueBinding="sym3"}}

      # {{c.selectedId}} # {{c.selectedLabel}} # <br><br>
      <button {{action "do2" "controller"}}>Test Picker</button>
      </form>
   </script>
   
</body>

</html>

